<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <head>
        <title>邀请开通推广</title>
        <div data-th-replace="layout/head"></div>
    </head>
    <body>
        <!-- top bar -->
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/index}">
                <span class="iconfont icon-fanhui"></span>
            </a>
            <h1 class='title title-white'>邀请开通推广</h1>
        </header>
        <!-- top bar end-->

        <input type="hidden" id="shareKey" th:value="${shareKey}"/>
        <div class="content">
            <div class="card">
                <div class="list-block pt5 pb5">
                    <ul>
                        <li class="item-content">
                            <div class="item-media">
                                <span class="c-orange icon icon-gift"></span>
                            </div>
                            <div class="item-inner">
                                <b class="fs7 c-666">
                                    推广中心已开通，现在可以申请成为推广员啦
                                </b>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media">
                                <span class="c-orange icon icon-gift"></span>
                            </div>
                            <div class="item-inner">
                                <section>
                                    <b class="fs7 c-666">
                                        成为推广员有什么好处呢？
                                    </b>
                                </section>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media">
                                <span class="c-warning icon icon-"></span>
                            </div>
                            <div class="item-inner">
                                <section class="ml5 pl5">
                                        <span class="fs7 c-666">
                                            1、拥有向外推广课程的权限
                                        </span>
                                </section>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media">
                                <span class="c-warning icon icon-"></span>
                            </div>
                            <div class="item-inner">
                                <section class="ml5 pl5">
                                        <span class="fs7 c-666">
                                            2、如有人通过你的推广链接购买了课程（或未来其它具体支付性质的内容），则你可获得推广收益
                                        </span>
                                </section>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media">
                                <span class="c-warning icon icon-"></span>
                            </div>
                            <div class="item-inner">
                                <section class="ml5 pl5">
                                        <span class="fs7 c-666">
                                            3、推广越多，收益越多
                                        </span>
                                </section>
                            </div>
                        </li>
                    </ul>
                    <section class="mt5 pt5 mb5 pb5 ml5 mr5">
                        <div class="content-block">
                            <div class="row">
                                <div class="col-50">
                                    <a th:href="@{/mobile/uc/index}" class="button button-big button-fill button-danger">我再想想</a>
                                </div>
                                <div class="col-50">
                                    <a href="javascript:void(0);" id="open-two-agent" class="button button-big button-fill button-success">同意</a>
                                </div>
                            </div>
                        </div>
                        <p class="text-center">
                            <span class="fs6 c-888">[<th:block th:text="${agentUser['agentUserName']}"></th:block>]邀请您成为推广员</span>
                        </p>
                    </section>
                </div>
            </div>

            <!--申请成为推广员后的 弹出框 开始-->
            <textarea id="u-open-extension" class="hide">
                <div class="text-center">
                    <span class="fs7 c-333">您的申请已提交成功，我们将尽快处理，请耐心等待...</span>
                </div>
            </textarea>
            <!--申请成为推广员后的 弹出框 结束-->
        </div>
        <div data-th-replace="layout/footer"></div>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/agent/user/two-agent-user-open.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>

</html>